<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bililogin_style.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bilibili_style.css">
</head>
<body>
<!--登录弹窗覆盖-->
<div class="popOutBg"></div>
<div class="popOutBili">

</div>
<!--登录弹窗-->
<div class="popOut">
    <div class="login_left_img"></div>
    <div class="login_right_img"></div>
    <span title="关闭"> x </span>
    <!--登录盒子-->
    <div class="login_box1">
        <div class="login_box">
            <!--扫码登录-->
            <div class="login_box_scan">
                <p>扫二维码登录</p>
                <img src="images/二维码.jpg" alt="">
                <p>请使用哔哩哔哩客户端
                    扫码登录或扫码下载APP</p>
            </div>

            <div class="login_box_form">

                <p><span style="color:#00aeec">密码登录</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;短信登录</p>

                <form action="${pageContext.request.contextPath}/login" method="post">

                    <input type="text" name="username" class="inp1" placeholder="请输入用户名"/>
                    <input type="password" name="password" class="inp3" placeholder="请输入密码"/>
                    <div class="verify">
                        <input type="text" name="verify" class="inp2" placeholder="请输入验证码"/>
                        <div class="verifyImg">
                            <img src="${pageContext.request.contextPath}/verify"onclick="change(this)">
                        </div>
                    </div>
                    <p style="color: red;font-size: 16px;">${meg}</p>
                    <div class="login_box_form_bottom">
                        <div class="login_box_form_bottom1">
                            <a class="bili_regist1" href="${pageContext.request.contextPath}/register">注册</a>
                        </div>
                        <div class="login_box_form_bottom2 color1">
                            <!--<a href="javascript:void(0);">登录</a>-->
                            <input type="submit" value="登录">
                        </div>

                    </div>
                </form>
                <p style="font-size: 13px;color: #999999;">使用其他方式登录</p>
                <div class="login_box_form_other">
                    <div class="login_box_form_other_loge">
                        <img src="images/login微信.png" alt="">
                        <span>微信登录</span>
                    </div>
                    <div class="login_box_form_other_loge">
                        <img src="images/login微博.png" alt="">
                        <span>微博登录</span>
                    </div>
                    <div class="login_box_form_other_loge">
                        <img src="images/loginQQ.png" alt="">
                        <span>QQ登录</span>
                    </div>
                </div>
            </div>

        </div>
        <p style="margin-top:50px;font-size: 12px; color: #999999;">未注册过哔哩哔哩的手机号，我们将自动帮你注册账号</p>
        <p style="font-size: 12px; color: #999999;"> 登录或完成注册即代表你同意 用户协议 和 隐私政策</p>
    </div>
</div>
<!--注册弹窗-->
<div class="regist_popOut">
    <div class="login_left_img"></div>
    <div class="login_right_img"></div>
    <span title="关闭"> x </span>
    <!--登录盒子-->
    <div class="login_box1">
        <div class="login_box">
            <!--扫码登录-->
            <div class="login_box_scan">
                <p>扫二维码登录</p>
                <img src="images/二维码.jpg" alt="">
                <p>请使用哔哩哔哩客户端
                    扫码登录或扫码下载APP</p>
            </div>

            <div class="login_box_form">

                <p>密码登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#00aeec">短信登录</span></p>

                <form action="">
                    <div>
                        <div class="prov_input1">
                            <input type="text" class="inp1" placeholder="请输入手机号"/>
                            <a href="javascript:void(0);">获取验证码</a>
                        </div>
                        <div class="prov_input2">
                            <input type="password" class="inp2" placeholder="请输入验证码"/>
                        </div>
                    </div>
                    <div class="login_box_form_bottom">
                        <div class="login_box_form_bottom3">
                            <a href="javascript:void(0);">注册/登录</a>
                        </div>

                    </div>
                </form>
                <p style="font-size: 13px;color: #999999;">使用其他方式登录</p>
                <div class="login_box_form_other">
                    <div class="login_box_form_other_loge">
                        <img src="images/login微信.png" alt="">
                        <span>微信登录</span>
                    </div>
                    <div class="login_box_form_other_loge">
                        <img src="images/login微博.png" alt="">
                        <span>微博登录</span>
                    </div>
                    <div class="login_box_form_other_loge">
                        <img src="images/loginQQ.png" alt="">
                        <span>QQ登录</span>
                    </div>
                </div>
            </div>

        </div>
        <p style="margin-top:50px;font-size: 12px; color: #999999;">未注册过哔哩哔哩的手机号，我们将自动帮你注册账号</p>
        <p style="font-size: 12px; color: #999999;"> 登录或完成注册即代表你同意 用户协议 和 隐私政策</p>
    </div>
</div>
</body>
</html>
<script>
    function change(e) {
        e.src = "${pageContext.request.contextPath}/verify?date="+new Date();
    }
</script>